<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="/favicon.ico">
<link rel="Shortcut Icon" href="/favicon.ico" />
<title>主页面</title>
<link rel="stylesheet" type="text/css"
	href="/three/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css"
	href="/three/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css"
	href="/three/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css"
	href="/three/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css"
	href="/three/static/h-ui.admin/css/style.css" />
</head>
<body>
	<header class="navbar-wrapper">
		<div class="navbar navbar-fixed-top">
			<div class="container-fluid cl">
				<a class="logo navbar-logo f-l mr-10 hidden-xs" href="#">美妍社</a> <a
					aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs"
					href="javascript:;">&#xe667;</a>
				<nav id="Hui-userbar"
					class="nav navbar-nav navbar-userbar hidden-xs">
					<ul class="cl">
						<li class="dropDown dropDown_hover"><a href="#"
							class="dropDown_A">${user.username }<i class="Hui-iconfont">&#xe6d5;</i></a>
							<ul class="dropDown-menu menu radius box-shadow">
								<li><a href="javascript:;" onClick="myselfinfo()">个人信息</a></li>
								<li><a href="javascript:;" onClick="change()">修改密码</a></li>
								<li><a href="/three/deng/exit">退出</a></li>
							</ul></li>
						<li id="Hui-msg"><a href="#" title="消息"><span
								class="badge badge-danger">1</span><i class="Hui-iconfont"
								style="font-size: 18px">&#xe68a;</i></a></li>
						<li id="Hui-skin" class="dropDown right dropDown_hover"><a
							href="javascript:;" class="dropDown_A" title="换肤"><i
								class="Hui-iconfont" style="font-size: 18px">&#xe62a;</i></a>
							<ul class="dropDown-menu menu radius box-shadow">
								<li><a href="javascript:;" data-val="default"
									title="默认（黑色）">默认（黑色）</a></li>
								<li><a href="javascript:;" data-val="blue" title="蓝色">蓝色</a></li>
								<li><a href="javascript:;" data-val="green" title="绿色">绿色</a></li>
								<li><a href="javascript:;" data-val="red" title="红色">红色</a></li>
								<li><a href="javascript:;" data-val="yellow" title="黄色">黄色</a></li>
								<li><a href="javascript:;" data-val="orange" title="橙色">橙色</a></li>
							</ul></li>
					</ul>
				</nav>
			</div>
		</div>
	</header>
	<aside class="Hui-aside">
		<div class="menu_dropdown bk_2">
			<c:forEach items="${menuList }" var="one">
				<dl id="menu-article">
					<dt>
						<c:if test="${one.parentId=='0' }">
							<i class="Hui-iconfont">&#xe616;</i>${one.menuName }<i
								class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i>
						</c:if>
					</dt>
					<dd>
						<ul>
							<c:forEach items="${menuList }" var="two">
								<c:if test="${one.menuId==two.parentId }">
									<li><a data-title="${two.menuName }"
										data-href="${two.url }" href="javascript:void(0)">${two.menuName }</a></li>
								</c:if>
							</c:forEach>
						</ul>
					</dd>
				</dl>
			</c:forEach>
		</div>
	</aside>
	<div class="dislpayArrow hidden-xs">
		<a class="pngfix" href="javascript:void(0);"
			onClick="displaynavbar(this)"></a>
	</div>
	<section class="Hui-article-box">
		<div id="Hui-tabNav" class="Hui-tabNav hidden-xs">
			<div class="Hui-tabNav-wp">
				<ul id="min_title_list" class="acrossTab cl">
					<li class="active"><span title="我的桌面"
						data-href="/three/welcome.jsp">我的桌面</span> <em></em></li>
				</ul>
			</div>
			<div class="Hui-tabNav-more btn-group">
				<a id="js-tabNav-prev" class="btn radius btn-default size-S"
					href="javascript:;"><i class="Hui-iconfont">&#xe6d4;</i></a><a
					id="js-tabNav-next" class="btn radius btn-default size-S"
					href="javascript:;"><i class="Hui-iconfont">&#xe6d7;</i></a>
			</div>
		</div>

		<div id="iframe_box" class="Hui-article">
			<div class="show_iframe">
				<div style="display: none" class="loading"></div>
				<iframe scrolling="yes" frameborder="0" src="/three/welcome.jsp"></iframe>
			</div>
		</div>
	</section>
	<form action="/three/deng/change" method="post" id="form1">
		<div id="passModal" class="modal fade" tabindex="-1" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content radius">
					<div class="modal-header">
						<h3 class="modal-title">修改密码</h3>
						<a class="close" data-dismiss="modal" aria-hidden="true"
							href="javascript:void();">×</a>
					</div>
					<div class="modal-body">
						<table class="table">
							<tr class="text-c">
								<td>当前密码：</td>
								<td><input type="password" name="password" id="pass1"
									class="input-text" value="${user.password }"></td>
							</tr>
							<tr class="text-c">
								<td>新密码：</td>
								<td><input type="password" name="pass" id="pass2"
									class="input-text"></td>
							</tr>
							<tr class="text-c">
								<td>确认密码：</td>
								<td><input type="password" name="word" id="pass3"
									class="input-text"></td>
							</tr>
						</table>
					</div>
					<div class="modal-footer">
						<button class="btn btn-primary" id="btn_que">确定</button>
						<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
					</div>
				</div>
			</div>
		</div>
	</form>
</body>
<script type="text/javascript"
	src="/three/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/three/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="/three/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript"
	src="/three/static/h-ui.admin/js/H-ui.admin.js"></script>
<script type="text/javascript"
	src="/three/lib/jquery.contextmenu/jquery.contextmenu.r2.js"></script>
<script type="text/javascript"
	src="/three/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript"
	src="/three/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript"
	src="/three/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">
	/*个人信息*/
	function myselfinfo() {
		layer.open({
			type : 1,
			area : [ '300px', '200px' ],
			fix : false, //不固定
			maxmin : true,
			shade : 0.4,
			title : '查看信息',
			content : '<div>${user.remark}</div>'
		});
	}
	/*修改密码*/
	function change() {
		$("#passModal").modal("show");
	}
	$("#form1").validate({
		rules : {
			pass : {
				required : true,
				minlength : 5,
				maxlength : 16
			},
			word : {
				required : true,
				minlength : 5,
				maxlength : 16,
				equalTo : "#pass2"
			}
		},
		onkeyup : false,
		focusCleanup : true
	});
	$("#pass2").on("blur",function(){
		var pass1=$("#pass1").val();
		var pass2=$("#pass2").val();
		if(pass1==pass2){
			alert("新密码与旧密码一致!!!");
		}
	});
</script>
</html>